// mixins

@mixin clearfix() {
  &:after,
  &:before {
    content: '';
    line-height: 0;
    display: table;
  }

  &:after {
    clear: both;
  }
}

@mixin ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@mixin ellipsis-line($lineNum) {
  overflow: hidden;
  -webkit-line-clamp: $lineNum;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
